import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
	routes: [{
			path: '/',
			name: 'main',
			component: () => import( /* webpackChunkName:"HelloWorld" */ '@/components/main.vue')
		},{
			path: '/hybridp',
			name: 'hybridp',
			component: () => import( /* webpackChunkName:"HelloWorld" */ '@/components/hybrid/hybridP.vue')
		},
		{
			path: '/downImg',
			name: 'downImg',
			component: () => import('@/components/downImg.vue')
		},
		{
		  path: '/pubsub',
		  name: 'pubsub',
		  component: () => import('@/components/pubsub.vue')
		},
		{
		  path: '/props',
		  name: 'parent',
		  component: () => import('@/components/props/parent.vue')
		},
		// {
		//   path: '/slider',
		//   name: 'slider',
		//   component: () => import('@/components/slider.vue')
		// },

		{
		  path: '/Observable',
		  name: 'Observable',
		  component: () => import('@/components/Observable/index.vue')
		},
		{
		  path: '/list-view',
		  name: 'listView',
		  component: () => import('@/components/list-view/list-view.vue')
		},
    {
      path: '/eventHub',
      name: 'eventHub',
      component: () => import('@/components/eventHub/eventHub.vue')
    },



	]
})
